import fs from 'node:fs'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import electron from 'vite-plugin-electron/simple'
import pkg from './package.json'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

// https://vitejs.dev/config/
export default defineConfig(({ command }) => {
  fs.rmSync('dist-electron', { recursive: true, force: true })

  const isServe = command === 'serve'
  const isBuild = command === 'build'
  const sourcemap = isServe || !!process.env.VSCODE_DEBUG

  return {
    plugins: [
      vue(),
      electron({
        main: {
          // Shortcut of `build.lib.entry`
          entry: 'electron/main/index.ts',
          onstart({ startup }) {
            if (process.env.VSCODE_DEBUG) {
              console.log(/* For `.vscode/.debug.script.mjs` */'[startup] Electron App')
            } else {
              startup()
            }
          },
          vite: {
            build: {
              sourcemap,
              minify: isBuild,
              outDir: 'dist-electron/main',
              rollupOptions: {
                // Some third-party Node.js libraries may not be built correctly by Vite, especially `C/C++` addons, 
                // we can use `external` to exclude them to ensure they work correctly.
                // Others need to put them in `dependencies` to ensure they are collected into `app.asar` after the app is built.
                // Of course, this is not absolute, just this way is relatively simple. :)
                external: Object.keys('dependencies' in pkg ? pkg.dependencies : {}),
              },
            },
          },
        },
        preload: {
          // Shortcut of `build.rollupOptions.input`.
          // Preload scripts may contain Web assets, so use the `build.rollupOptions.input` instead `build.lib.entry`.
          input: 'electron/preload/index.ts',
          vite: {
            build: {
              sourcemap: sourcemap ? 'inline' : undefined, // #332
              minify: isBuild,
              outDir: 'dist-electron/preload',
              rollupOptions: {
                external: Object.keys('dependencies' in pkg ? pkg.dependencies : {}),
              },
            },
          },
        },
        // Ployfill the Electron and Node.js API for Renderer process.
        // If you want use Node.js in Renderer process, the `nodeIntegration` needs to be enabled in the Main process.
        // See 👉 https://github.com/electron-vite/vite-plugin-electron-renderer
        renderer: {},
      }),
      Components({
        resolvers: [ElementPlusResolver({ importStyle: 'sass' })]
      }),
      AutoImport({
        resolvers: [ElementPlusResolver()],
        include: [
          /\.[tj]sx?$/, // .ts, .tsx, .js, .jsx
          /\.vue$/,
          /\.vue\?vue/, // .vue
          /\.md$/ // .md
        ],
        imports: [
          // 需要自动导入的插件，自定义导入的API
          {
            "from": "vue",
            "imports": [
              "EffectScope",
              "computed",
              "createApp",
              "customRef",
              "defineAsyncComponent",
              "defineComponent",
              "effectScope",
              "getCurrentInstance",
              "getCurrentScope",
              "h",
              "inject",
              "isProxy",
              "isReactive",
              "isReadonly",
              "isRef",
              "markRaw",
              "nextTick",
              "onActivated",
              "onBeforeMount",
              "onBeforeUnmount",
              "onBeforeUpdate",
              "onDeactivated",
              "onErrorCaptured",
              "onMounted",
              "onRenderTracked",
              "onRenderTriggered",
              "onScopeDispose",
              "onServerPrefetch",
              "onUnmounted",
              "onUpdated",
              "provide",
              "reactive",
              "readonly",
              "ref",
              "resolveComponent",
              "shallowReactive",
              "shallowReadonly",
              "shallowRef",
              "toRaw",
              "toRef",
              "toRefs",
              "toValue",
              "triggerRef",
              "unref",
              "useAttrs",
              "useCssModule",
              "useCssVars",
              "useSlots",
              "watch",
              "watchEffect",
              "watchPostEffect",
              "watchSyncEffect",
              {
                "name": "Component",
                "type": true
              },
              {
                "name": "ComponentPublicInstance",
                "type": true
              },
              {
                "name": "ComputedRef",
                "type": true
              },
              {
                "name": "ExtractDefaultPropTypes",
                "type": true
              },
              {
                "name": "ExtractPropTypes",
                "type": true
              },
              {
                "name": "ExtractPublicPropTypes",
                "type": true
              },
              {
                "name": "InjectionKey",
                "type": true
              },
              {
                "name": "PropType",
                "type": true
              },
              {
                "name": "Ref",
                "type": true
              },
              {
                "name": "VNode",
                "type": true
              },
              {
                "name": "WritableComputedRef",
                "type": true
              }
            ]
          }
        ],
        dts: true
      })
    ],
    server: process.env.VSCODE_DEBUG && (() => {
      const url = new URL(pkg.debug.env.VITE_DEV_SERVER_URL)
      return {
        host: url.hostname,
        port: +url.port,
      }
    })(),
    clearScreen: false,
  }
})
